@charset "utf-8";
/*初始样式*/
body{ color:#333; font-size:14px;font-family: "Microsoft Yahei";} /*网站字体颜色*/
body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;}
a { color:#333; text-decoration:none;font-family: "Microsoft Yahei";}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
/*a:hover { text-decoration:underline;}*/
img{border:none;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;font-family: "Microsoft Yahei"; }
h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";}

.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
i,em{ font-style:normal;}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}
/* -- 页面整体布局 -- */
.content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}
.pic{overflow: hidden;font-size: 0;}
.pic img{-webkit-transition:-webkit-transform 0.5s;-moz-transition:-moz-transform 0.5s;-o-transition:-o-transform 0.5s;transition:transform 0.5s;}
.pic img:hover{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}

.f_bt .links{ display:block!important;}

.tit{font-weight: normal;font-size: 0;}
.tit b{display: block;font-size: 42px;color: #333333;line-height: 42px;height: 42px;position: relative;font-weight: bold;}
.tit i{display: block;font-size: 80px;color: #e0e0e0;line-height: 80px;margin-top: 9px;font-family: Impact;position: relative;height: 80px;text-transform: uppercase;}
.tit i em{ position: absolute;left:0;top:0;font-size: 20px;color: #333333;line-height: 80px; }


/*banner*/
.banner{position: relative;}
.banner li{width: 100%;}
.banner li img{display: block;width: 100%;}
.banner .content{position: relative;}
.ban_pg{position: absolute;left: 0;bottom: 60px;height: 16px;z-index: 10;width: 100%;text-align: center;}
.ban_pg i{display: inline-block;width: 16px;height: 16px;background: #fff;border-radius: 100%;margin: 0 10px;vertical-align: top;}
.ban_pg i.on{background: #327542;}
.banner .prev{position: absolute;font-size: 0;left: 0;opacity: 0;top: 50%;transform: translateY(-50%);z-index: 10;transition: all 0.5s;}
.banner .next{position: absolute;font-size: 0;right: 0;opacity: 0;top: 50%;transform: translateY(-50%);z-index: 10;transition: all 0.5s;}
.banner:hover .prev{left: 4%;opacity: 1;}
.banner:hover .next{right: 4%;opacity: 1;}



/*yz*/
.yz{padding: 90px 0 0;background: url(img/yz_bg.jpg) no-repeat center;height: 650px;box-sizing: border-box;}
.yz h2{font-weight: normal;text-align: center;font-size: 0;}
.yz h2 b{display: block;font-size: 42px;color: #333333;line-height: 42px;height: 42px;position: relative;}
.yz h2 i{display: block;font-size: 20px;color: #333333;line-height: 20px;padding-top: 15px;}
.yz .desc{ width: 1000px;height: 65px;line-height: 65px;border-top: 1px solid #ececec;border-bottom: 1px solid #ececec; margin: 32px auto 194px; }
.yz .desc span{ font-size: 16px;color: #666;line-height: 65px;display: inline-block;margin-right: 27px; }
.yz .desc span:last-child{ margin-right: 0; }
.yz ul{}
.yz ul li{float: left;text-align: center;height: 147px;transition: all 0.5s;box-sizing: border-box;margin-left: 198px;}
.yz ul li:first-child{ margin-left: 0; }
.yz ul li span{display: block;font-size: 46px;color: #333333;line-height: 46px;height: 46px;font-weight: bold;font-family: Impact;}
.yz ul li b{display: inline-block;font-size: 46px;line-height: 36px;font-family: Impact;}
.yz li em{ display: inline-block;font-size: 15px;line-height: 24px;width: 24px;height: 24px;background: #004799;border-radius: 12px; color: #ffffff;text-align: center;font-weight: normal;vertical-align: 3px;}
.yz li p{font-size: 16px;color: #333333;line-height: 16px;padding-top: 14px;font-weight: bold;font-weight: normal;}
.yz li:hover{transform: translateY(-10px);}


/*pro*/
.pro{padding: 90px 0 0;box-sizing: border-box;background: url(img/pro_bg.gif) no-repeat center top;}
.pro_bd{ margin-top: 68px; }
.pro_bd h3{height: 35px;font-size: 26px;line-height: 35px;color: #327542;font-weight: normal;margin-bottom: 36px;}
.pro_bd h3 em {
  position: relative;
  font-size: 50px;
  font-weight: bold;
  line-height: 85%;
  color: #327542;
  display: inline-block;
  margin-right:14px;
  vertical-align: -3px;
}
.pro_bd h3 em i {
  display: block;
  font-size: 12px;
  font-weight: normal;
  line-height: 85%;
  color: rgba(51, 51, 51, 0.6);
  background: #eeeeee;
  position: absolute;
  right: 0;
  bottom:5px;
  font-family: arial;
  text-transform: uppercase;
  padding: 2px 1px;
}

.pro_bd p{ display: block;font-size: 16px;font-weight: 400;color: #666666;line-height: 30px; margin-left: 75px;width: 455px;height: 95px;background: url(img/pro_line.png) no-repeat right bottom;}
.pro_t{ margin-left: 75px;width:432px;margin-top: 38px; }
.pro_t li{width: 117px;height: 129px;border: 1px solid #AAAAAA;box-sizing: border-box;border-radius: 25px 0 25px 0; float: left;margin-right: 27px;margin-bottom: 27px;padding-top: 20px; }
.pro_t li em{ display: block;width: 50px;height: 50px;overflow: hidden;margin: 0 auto; }
.pro_t li span{display: block;font-size: 18px;line-height: 18px;text-align: center;padding-top: 16px;}
.pro_t li em img{ display: block;width: 50px;height: 50px;transition: all 0.5s; }
.pro_t li.cur em img:nth-child(1){ margin-top: -50px; }
.pro_t li.cur{background: #327542;border-color:#327542; }
.pro_t li.cur span{ color: #fff; }

.pro_hd{ margin-top: 87px; }
.pro_hd li{ float: left;width: 292px;margin-right: 10px; box-shadow: 0px 0px 51px 0px rgba(0, 0, 0, 0.14);position: relative;}
.pro_hd li:last-child{ margin-right: 0; }
.pro_hd li>img{ display: block;width: 292px;height:326px;  }
.pro_hd li span a{ display: block;height: 96px;padding-top: 50px;box-sizing: border-box; background: #fff;text-align: center;font-size: 18px;color: #333;text-align: center;}
.pro_hd li.cur span a{ color: #327542;font-weight: bold;padding-top: 40px; }
.pro_hd li em a>img{ position: absolute;width: auto;height: 258px;left:39px;top:100px; }
.pro_hd li p{ display: none; }
.pro_hd li.cur em a>img{ display: none }
.pro_hd li.cur p{display: block;position: absolute;left:0;top:0;width: 292px;height: 326px;background: rgba(50,117,66,0.8);padding-top: 30px;box-sizing: border-box;text-align: center;}
.pro_hd li.cur p i{ display: block; }
.pro_hd li.cur p i a{display: inline-block;font-size: 14px;line-height: 38px;color: #fff;position: relative;}
.pro_hd li.cur p i a:after{ position: absolute;left:0;bottom:5px;width: 0;height: 1px;content: "";background: #fff;transition: all 0.5s; }
.pro_hd li.cur p i a:hover:after {width: 100%; }


/*fea*/
.so{padding: 116px 0 0;}
.so_con{ margin-top: 28px; }
.so_con li{ float: left;width: 390px; margin-right: 15px;margin-bottom: 37px;}
.so_con li:nth-child(3n){ margin-right: 0; }
.so_con li i{ display: block;width: 390px;height: 220px;overflow: hidden; }
.so_con li img{ display: block;width: 390px;height: 220px; }
.so_con li span{ display: block;height: 60px;line-height: 60px;color: #333;font-size: 18px;text-align: center;border-bottom: 1px solid #bfbfbf; }

.ys{margin-top: 12px;padding-top: 108px;height: 913px;background: url(img/ys_bg.jpg) no-repeat center;box-sizing: border-box;}
.ys .tit b,.ys .tit i em{ color: #fff;}
.ys .tit i{ color: #4e6076;}
.ys_con{margin-top: 66px;}
.ys_con dl{ float: left;width: 300px;height: 608px;padding: 127px 41px 0;box-sizing: border-box; position:relative;}
.ys_con dt{ display: block;width: 218px;height: 138px;overflow: hidden;position: relative; }
.ys_con dt em{  display: block;width: 218px;height: 138px;overflow: hidden;opacity: 0;border-radius: 20px; position:relative;z-index:10; }
.ys_con dt em img{  display: block;width: 218px;height: 138px;  position:relative;z-index:10;}
.ys_con dt span{ display: block;position: absolute;left:0;top:0;width: 100%; font-size: 20px;line-height: 20px;color: #ffffff;font-family: Arial;text-align: center;}
.ys_con dt span img{ display: block;width: 54px;height: 54px;margin:0 auto 64px; }
.ys_con dt span:after{ position: absolute;left:50%;margin-left: -11.5px;width: 23px;height: 23px;top:91px;content: "" ;background: url(img/ys_yuan.png) no-repeat center;}
.ys_con dl:after{ background: url(img/ys_dd.jpg) no-repeat center; position:absolute;left:0;bottom:0;width:100%;height:0;content:"";transition:all 0.3s;}
.ys_con dl.cur:after{ height:100%;}
.ys_con dl.cur em{ opacity: 1; }
.ys_con dl.cur span{ display: none; }
.ys_con dd h4{ display: block;font-size: 30px;line-height: 40px;font-weight: bold;text-align: center;color: #fff;padding-top: 32px; position:relative;z-index:10;}
.ys_con dd p{ display: none;color: #fff;padding-top: 25px;font-size: 15px;line-height: 28px;text-align: center; }
.ys_con dl.cur dd p{display: block; position:relative;z-index:10;}





/*case*/
.case{padding: 123px 0 0;}
.case_con{ margin-top: 34px; }
.case_l{ float: left;width: 366px;border-bottom: 1px solid #DCDCDC; height: 582px;}
.case_l li{ padding:12px 0 13px 13px ;width: 382px;height: 132px;box-sizing: border-box; }
.case_l li.cur{ background: #327542; }
.case_l li i{ display: block;width: 190px;height: 107px;overflow: hidden;float: left; }
.case_l li i img{ width: 190px;height: 107px; }
.case_l li span{ display: block;margin-left: 16px;font-size: 17px;line-height: 107px;font-weight: bold; float: left;width: 160px;transition: all 0.5s;}
.case_l li.cur span{ color: #fff;line-height: 80px;background: url(img/case_jth.png) no-repeat left bottom;}
.case_l .more{ display: block;padding-top: 20px;padding-left: 13px;font-size: 14px;line-height: 14px;font-family: Arial;text-transform: uppercase; }
.case_l .more img{ display: inline-block;margin-left: 10px;width: 22px;height: 5px;vertical-align: 4px; }

.case_r{ float: right;width:780px ;height: 582px; }
.case_r dl{width: 780px;height: 582px;border-bottom: 1px solid #DCDCDC;}
.case_r dt{ display: block;width: 780px;height: 439px;overflow: hidden; }
.case_r dt img{ display: block; width: 780px;height: 439px;}
.case_r dd{height:143px;padding-top: 30px;box-sizing: border-box; }
.case_r dd h4 a{ display: block;font-size: 18px;line-height: 18px;color: #333;font-weight: bold; }
.case_r dd h4 em{ font-size: 16px;font-weight: normal; }
.case_r dd p{ display: block;font-size: 15px;line-height: 28px;color: #666;padding-top: 18px; }

.zs{ height: 1050px;background: url(img/zs_bg.jpg) no-repeat center;padding-top: 785px;box-sizing: border-box;margin-top: 43px;}
.zs li{ padding-left: 14px;font-size: 14px;line-height: 40px;color: #333;background: url(img/zs_ic.png) no-repeat left 16px;display: inline-block;box-sizing: border-box; }
.zs li:nth-child(3),.zs li:nth-child(6),.zs li:nth-child(9){ margin-right: 0; }
.zs li:nth-child(1),.zs li:nth-child(4),.zs li:nth-child(7),.zs li:nth-child(10),.zs li:nth-child(12){ width: 476px;margin-left: -20px;}
.zs li:nth-child(2),.zs li:nth-child(5),.zs li:nth-child(8){ width:357px;  }


.bt{font-weight: normal;font-size: 0;}
.bt b{display: block;font-size: 42px;color: #333333;line-height: 42px;height: 42px;position: relative;font-weight: bold;}
.bt i{display: block;font-size: 20px;color: #333333;line-height: 20px;margin-top: 15px;text-transform: uppercase;}

.abt{ padding-top: 112px; }
.abt dt img{ display: block;width: 590px;height: 256px; }
.abt dd{ width: 570px; }
.abt dd p{ font-size: 15px;line-height: 28px;color: #666666;margin-top: 35px; }
.abt dd .more{ display: block;width: 140px;height: 43px;
background: #327542;font-size: 14px;line-height: 43px;font-family: Arial;text-transform: uppercase; color: #fff;text-align: center;margin-top: 54px;}
.abt dd .more img{ display: inline-block;margin-left: 10px;width: 22px;height: 5px;vertical-align: 4px; }
.abt li{ float: left;width: 292px; margin-right: 10px;margin-top: 40px;}
.abt li:nth-child(4n){ margin-right: 0; }
.abt li i{ display: block;width: 292px;height: 219px;overflow: hidden; }
.abt li img{ display: block;width: 292px;height: 219px;}
.abt li span{ display: block;height: 55px;line-height: 55px;color: #333;font-size: 18px;text-align: center;border-bottom: 1px solid #bfbfbf; font-weight: bold;}

/*news*/
.news{padding-bottom:114px;background: #f7f7f7;padding-top: 80px;margin-top: 86px;}
.news .news-l{margin-top:50px;width:567px;float:left}
.news .news-l h3{font-size:26px;font-weight:400;line-height:26px;color:#1a1a1a;height:47px;margin-bottom:8px}
.news .news-l h3 a{color:#1a1a1a;display:block}
.news .news-l h3 a:hover{color:#327542}
.news .news-l h3 em{float:right;font-size:14px;font-weight:400;line-height:85%;color:grey;margin-top:15px}
.news .news-l h3 em:hover{color:#327542}
.news .news-l dl dt{display:block;line-height:0;overflow:hidden}
.news .news-l dl dt img{display:block;width:560px;height:220px;transition:1s}
.news .news-l dl dd{padding:24px 0 20px;border-bottom: 1px solid #c6c6c6;}
.news .news-l dl dd h4{font-size:16px;font-weight:700;line-height:16px;color:#333;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:12px;font-weight: normal;}
.news .news-l dl dd p{font-size:14px;font-weight:400;color:grey;display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:28px;height:56px}
.news .news-l dl:hover dt img{transform:scale(1.05)}
.news .news-l dl:hover dd h4{color:#327542}
.news .news-l ul{margin-top:30px}
.news .news-l ul li{margin-bottom:18px;position:relative;}

.news .news-l ul li a{font-size:16px;font-weight:400;line-height:18px;color:#333;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:85px}
.news .news-l ul li a em{position:absolute;right:0;top:0;font-size:14px;font-weight:400;line-height:18px;color:#999;font-family:Verdana,Geneva,Tahoma,sans-serif}
.news .news-l ul li:hover a{color:#327542}
.news .news-l ul li:last-of-type{margin-bottom:0}
.news .news-r{float:right;width:560px;margin-top:50px}
.news .news-r .news-rt h3{font-size:26px;font-weight:400;line-height:26px;color:#1a1a1a;height:47px;}
.news .news-r .news-rt h3 a{color:#1a1a1a;display:block}
.news .news-r .news-rt h3 a:hover{color:#327542}
.news .news-r .news-rt h3 em{float:right;font-size:14px;font-weight:400;line-height:85%;color:grey;margin-top:15px}
.news .news-r .news-rt h3 em:hover{color:#327542}
.news .news-r .news-rt ul{margin-top:30px}
.news .news-r .news-rt ul li{margin-bottom:20px;position:relative;}
.news .news-r .news-rt ul li a{font-size:16px;font-weight:400;line-height:18px;color:#333;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:85px}
.news .news-r .news-rt ul li a em{position:absolute;right:0;top:0;font-size:14px;font-weight:400;line-height:18px;color:#999;font-family:Verdana,Geneva,Tahoma,sans-serif}
.news .news-r .news-rt ul li:hover a{color:#327542}
.news .news-r .news-rt ul li:last-of-type{margin-bottom:0}
.news .news-r .news-rb{margin-top:44px}
.news .news-r .news-rb dl{background:#fff;margin-bottom:22px;height: 124px;}
.news .news-r .news-rb dl dt{float:right;display:block;line-height:0;overflow:hidden;width:166px}
.news .news-r .news-rb dl dt img{width:166px;height:124px;display:block;transition:1s}
.news .news-r .news-rb dl dd{box-sizing:border-box;padding:28px 30px 0 20px;width:388px;float:left}
.news .news-r .news-rb dl dd h4{font-size:16px;line-height:16px;color:#333;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:12px;font-weight: normal;}
.news .news-r .news-rb dl dd p{font-size:14px;font-weight:400;color:grey;display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:28px;height:56px}
.news .news-r .news-rb dl:hover dt img{transform:scale(1.05)}
.news .news-r .news-rb dl:hover dd h4{color:#327542}
.news .news-r .news-rb dl:last-of-type{margin-bottom:0}
.news .news-r .news-rb dl::after{line-height:0;visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}